
import React, { useEffect,useState } from 'react';
import type { PaginationProps } from 'antd';
import { Pagination } from 'antd';

// const onChange: PaginationProps['onChange'] = (pageNumber) => {
//     console.log('Page: ', pageNumber);
// };

const onChanges = (e:any)=>{
    console.log('Page: ', e);
    // 获取到当前的页面的 =》 获取到列表数据的请求在 =》头部选择 =》 组件传递数据
}

const itemRender: PaginationProps['itemRender'] = (_, type, originalElement) => {
    if (type === 'prev') {
        return <div>上一页</div>;
    }
    if (type === 'next') {
        return <div>写一页</div>;
    }
    return originalElement;
};
//   1currentPage
//   2totalPage
//   3pages5
function WPagination(props: any) {
  

    // 
 

    // 在组件中 如果用户  不需要对这个数据（父组件给的异步数据），进行处理，直接在 模板上使用 =》不用监听
   

    return (
        <div>
           

            <Pagination defaultCurrent={1}
               defaultPageSize={5}
                itemRender={itemRender} total={props.pageObj.totall} onChange={(e)=>onChanges(e)}  />
        </div>
    )
}



let RWPagination = React.memo(WPagination)



// 选择当前 页面数据  浏览器 刷新 存在一个问题   =>效果不显示  =》
export default RWPagination